/*引入图标*/
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?dr6nen');
    src:  url('../fonts/icomoon.eot?dr6nen#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?dr6nen') format('truetype'),
    url('../fonts/icomoon.woff?dr6nen') format('woff'),
    url('../fonts/icomoon.svg?dr6nen#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*基本样式*/
.w {
    width: 100%;
    height: 74px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
ul {
    list-style: none;
}

/*快速导航栏 start*/
.shortcut {
    width: 100%;
    height: 76px;
    line-height: 100px;
    background-color: beige;
}
.shortcut .w .fl{
    height: 74px;
}
.shortcut .w .fl img {
    float: left;
}
.shortcut li{
    float: left;
    margin:10px;
}
.shortcut i{
    font-family: "icomoon";
    font-style: normal;
    color: #3c415e;
}
/*快速导航栏 end*/

  /*  第二次新增   */
/*中间信息部分 start*/
.middle{
    width: 100%;
    height: 300px;
    text-align: center;
}
.middle .info {
    height: 300px;
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
}
.middle .info .teacher-username {
    font-size: 24px;
    color: #4a4a4a;
    line-height: 40px;
    margin-top: 10px;
}
.middle .info .college {
    font-size: 14px;
    color: #4a4a4a;
    line-height: 20px;
}
.middle .info .title {
    font-size: 12px;
    color: #9b9b9b;
    line-height: 20px;
}
.middle .info ul {
    margin-top: 40px;
}
.middle .info ul li {
    float: left;
    margin: 10px;
}
/*中间信息部分 end*/

/*course.html start*/
/*导航栏部分的下拉菜单course.html start*/
.shortcut .w .fl select {
    height: 74px;
    float: left;
}
/*导航部分的下拉菜单 end*/

/*课程内容start*/
select img {border:none;}
.center{margin: 0 auto;}
/*danpin*/
.danpin {
    padding-top: 20px;
}
.biaoti{
    width:1226px;
    height: 58px;
    line-height: 58px;
    font-size:14px;
    margin-top: 20px;
    color: rgb(207,207,207);
    background-color: rgb(51,53,61);
}
.danpin .main{
    width: 1230px;
    height: 350px;
}
.danpin .main .info-card {
    width: 140px;
    height:260px;
    cursor:pointer;
    margin: 8px;
    text-align: center;
}
.danpin .main p{
    color: #fff;
    font-size: 24px;
    width: 128px;
    padding-top: 50px;
}
.danpin .main .info-card span {
    color: #fff;
    font-size: 14px;
}
.danpin .main .info-card:nth-of-type(1) {
    height: 260px;
    background: rgb(125,38,30);
}
.danpin .main .info-card:nth-of-type(1) p{
    padding-top: 100px;
}
.danpin .main .infocard-t {
    text-align: center;
    height: 126px;
    width: 134px;
}
.danpin .main .infocard-b {
    text-align: center;
    height: 126px;
    width: 134px;
    margin-top: 8px;
}
.danpin .main .info-card:nth-of-type(2) .infocard-t {
    background-color:rgb(184,50,53);
}
.danpin .main .info-card:nth-of-type(2) .infocard-b {
    background-color:rgb(9,125,90);
}
.danpin .main .info-card:nth-of-type(3) .infocard-t{
    background-color: rgb(221,89,4);
}
.danpin .main .info-card:nth-of-type(3) .infocard-b{
    background-color: rgb(9,120,106);
}
.danpin .main .info-card:nth-of-type(4) .infocard-t{
    background-color: rgb(245,180,4);
}
.danpin .main .info-card:nth-of-type(4) .infocard-b{
    background-color: rgb(8,107,192);
}
.danpin .main .info-card:nth-of-type(5) .infocard-t {
    background: rgb(46,3,199);
}
.danpin .main .info-card:nth-of-type(5) .infocard-b {
    background: rgb(183,39,111);
}
.danpin .main .last {
    width: 256px;
    height: 128px;
    background-color: rgb(9,137,169);
    cursor:pointer;
    margin: 8px;
    text-align: center;
}
.danpin .main .last p{
    width: 256px;
}
/*课程内容end*/

/*更多设置 start*/

.more {
    width: 100%;
    height: 300px;
}
.more ul{
    margin-left: 140px;
}
.more li{
    width: 128px;
    height: 128px;
    background-color: rgb(87,85,84);
    float: left;
    margin: 10px;
    text-align: center;
    cursor: pointer;
}
.more li p{
    font-size: 22px;
    color: #fff;
    margin: 10px;
    margin-top: 20px;
}
.more li i{
    font-size: 40px;
    color: #fff;
    font-family: "icomoon";
    font-style: normal;
}
/*更多设置 end*/
/*course.html end*/





















